import React from 'react'
import Code from './Code'
import Nav from '../ui-components/nav'
import style from './style'
import Link from '../ui-components/link'

export default () => (
	<div className={style.root}>
		<Code>{'<Nav data=[[..], [..], ..] item={({..}) => <Element/>}>'}</Code>
		<div>
			<Nav 
				data={
					[
						[
							{name: 'home', show:'我的主页'}, {name: 'team', show: '团队'}
						], 
						[
							{name: 'target', show: '目标'}, {name: 'review', show: '评价'}
						]
					]
				} 
				item={
					({name, show, active, index}) => <Link active={name === 'home' && active} color="blue" size="16" icon={name}>{show}</Link>
				}
			/>
		</div>
	</div>
)
